<template>
	<up-navbar autoBack bgColor="transparent">
		<template #left>
			<view class=" u-flex u-flex-items-center">
				<back-prev v-if="hasPrev" />
				<back-home v-else />
			</view>
		</template>
	</up-navbar>
	<view class="follow">
		<image src="https://images.debaoppq.cn/f9a426c7ea884a46a211b5c691d6929b.jpg" class="coach_img" mode="aspectFill"></image>
		<view class="qrcode">
			<image :show-menu-by-longpress="true" src="https://images.debaoppq.cn/d8f8aa1214f34d5e83a6e3b3024c725f.jpg" class="code_size" mode="aspectFill"></image>
			<view class="f-s-14 text-center">
				<view class="u-m-t-14">长按二维码关注官方公众号</view>
				<view class="u-info f-s-12 u-m-t-14">探索最新乒乓球资讯</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import backPrev from '@/components/back-prev.vue'
	import backHome from '@/components/back-home.vue'
	import {
		hasPreviousPage
	} from '@/utils/common.js';
	// 是否存在上一页
	const hasPrev = hasPreviousPage()

</script>

<style lang="scss">
	.follow{
		
		.coach_img {
			width: 100%;
			height: 400px;
		}
		.qrcode{
			position: absolute;
			top: 600px;
			left: 50%;
			transform: translate(-50%, -50%);
			.code_size{
				width: 180px;
				height: 180px;
			}
		}
	}
</style>
